<script setup lang="ts">
import DeviceItem from '../components/DeviceItem.vue';
import { RouterLink } from 'vue-router';
import router from '../router';
import HeaderBar from '../components/HeaderBar.vue';
import add_img from '../assets/add_device.png';
const icon_callback=()=>{
  router.push({name: 'active_device'});
}
</script>

<template>
  <div class="client">
    <div>
      <HeaderBar title="设备管理" :back="false" :icon_url="add_img" :icon_callback="icon_callback"></HeaderBar>
    </div>
    <div>
      <DeviceItem class="device-list"/>
    </div>
  </div>
</template>

<style scoped>

.client{
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100;
  overflow: auto;
}

.device-list{
  width: 100%;
  height: 100%;
}
</style>